<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<!-- 一.元素存在多个属性和属性值的使用
	        图片元素的使用
			语法<img/> 简写<img> 非封闭型标记
			必须属性  src资源属性=图片全称
			alt标题属性  属性值文本自定
			特点网络延迟图片显示失效或者路径图片全称写错 
			用户提示
			title标题属性属性值文本自定
			特点：鼠标移动到图片上显示
	-->
	<img src="img\海绵宝宝.png "alt="海绵宝宝">
	<img src="img\2.png"title="蜡笔小新"width="200px"/ height="200px">
	<img src="img\3.gif"alt="羊"/ title="羊" width="200px"/ height="200px">
	<body bgcolor="red-1">
		<!-- 叫法：标记.元素 
		<w3c规定单词：特殊含义，表示页面效果>
		标记分为：前标记.后标记
		元素：前标记+后标记+内容【元素之间可以套嵌】
		-->
		<p>内容</p>
		<!-- body主题区域：文本.图片.超链接.表格 -->
		<!-- 一.文本元素群 -->
		<!-- 1.特殊文本【实业/体字符】
		 &copy; 代表 版权
		 代表 商标
		 -->
		 &copy;版权
		 &reg;商标
		 &lt;小于号
		 &gt;大于号
		 &nbsp;一个空格
		 <!-- 2.假文【占位符】-->
		 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda molestiae, numquam consectetur mollitia quas ullam praesentium qui sapiente a accusamus aut voluptates blanditiis adipisci repellendus ipsum aliquid earum in atque.
		 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque, eligendi! Magnam quia reiciendis veniam sit omnis mollitia doloremque recusandae! Neque fuga quod, adipisci sapiente ratione vero repellat minima. Maxime, explicabo!
		 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae praesentium dolor magni in atque aliquam quisquam, nostrum vel incidunt veniam dolore expedita? Veritatis dolorem voluptate corporis culpa et. Officiis, <omnis!></omnis!>
		 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta neque architecto optio minima sint doloremque, sit ullam laboriosam aut harum consectetur, voluptas minus dolorum quasi ad possimus officiis non a.
		 <!-- 3.文本样式元素-->
		 <i>文本倾斜</i>
		 <b>文本加粗</b>
		 <u>文本下划线</u>
		 <del>文本删除线html4.0</del>
		 <s>文本删除线html5.0</s>
		 2<sup>2</sup>
		 文言文<sub>解释</sub>
		 <!-- 4.标题元素：加粗放大-->
		 <h1>标题元素</h1>
		 <h2>标题元素</h2>
		 <h3>标题元素</h3>
		 <h4>标题元素</h4>
		 <h5>标题元素</h5>
		 <h6>标题元素</h6>
		 <!-- 5.分割线元素和换行元素
		 元素分为：封闭型【双】标记和非封闭型元素
		 非封闭型【空/单】标记：hr br  写法<hr />
		                            html5  简洁写法 <hr>
									
		                              
		 -->
		 <hr>
		 换行 <br> 换行
		 <!-- 6.跑马灯元素-->
		 <marquee>滚滚长江东逝水</marquee>
		 <!-- 7.预格式化元素pre元素：放进去是什么，显示什么-->
		
		 <pre>		 
		    &lt;p>静夜思&lt;/p>
		 床前明月光，疑是地上霜
		举头望明月，低头思故乡					
		</pre>
		 
		 <!-- 需求：文本加粗并且倾斜【嵌套】-->
		 <b><i>Lorem</i></b>
		 <!-- 8.段落元素-->
		 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos illo non, excepturi laudantium nisi accusamus deserunt, explicabo sequi ut, animi sunt veniam eligendi expedita eum. Aliquid ex repellat quisquam esse!
		 <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Soluta reprehenderit fugit repellendus commodi quos aliquam, perferendis iste necessitatibus cumque a. Distinctio inventore doloribus dolorum maiores adipisci provident vel, voluptatum porro.
		 <!-- 二.元素中属性与属性值使用
		         属性与属性值的作用：添加效果【样式】
				 语法：<p属性="属性值"></p>
				 w3c针对元素添加的属性和属性值【不通用】
				 注意：属性与属性值可以为多个【没有顺序】
		 -->
		 <p align="right">段落元素</p>
		 
		 
		 
		 
		 
	</body>
</html>